<template>
  <div class="home">
    <home-header :city="city"></home-header>
    <home-swiper></home-swiper>
    <home-icon></home-icon>
    <home-recommend></home-recommend>
    <home-weekend></home-weekend>
  </div>
</template>

<script>
import HomeHeader from './components/header'
import HomeSwiper from './components/swiper'
import HomeIcon from './components/icon'
import HomeRecommend from './components/recommend'
import HomeWeekend from "./components/weekend"
import axios from 'axios'
import cityData from '@/api/index.json'
export default {
  name: 'Home',
components:{
  HomeHeader,
  HomeSwiper,
  HomeIcon,
  HomeRecommend,
  HomeWeekend
},
  data () {
    return {
      city:'北京',
    }
  },

  methods: {
    },
    mounted() {
      
    },
  created () {
  }
}
</script>

<style lang='scss' scoped>

</style>
